<template>
  <div style="margin-top: 20px">
    <XRadio v-model="value" :options="options" />
  </div>
  <div style="margin-top: 20px">
    <XRadio v-model="value" :options="options" size="small" disabled />
  </div>
  <div style="margin-top: 20px">
    <XRadio v-model="value" :options="options" size="small" border />
  </div>
</template>
<script setup>
import XRadio from '@/components/XRadio/index.vue'
import { ref } from 'vue'
const value = ref('1')
const options = ref([
  { label: 'Option 1', value: 1 },
  { label: 'Option 2', value: 2 }
])
</script>
